
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>散标详情_爱钱进_靠谱的网络借贷信息中介平台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link rel="stylesheet" href="//res.iqianjin.com/static/css/main.css">
    <link rel="stylesheet" href="//res.iqianjin.com/static/css/libs/simplePagination.css">
    <link rel="stylesheet" href="//res.iqianjin.com/static/css/pages/commonDetail.css">
    <link rel="stylesheet" href="//res.iqianjin.com/static/css/pages/loanDetail.css">
    <script src="//res.iqianjin.com/static/js/seajs/2.2.1/sea.js"></script>
    <script src="//res.iqianjin.com/static/js/config.js"></script>
    <script th:src="@{/js/vue.js}"></script>
    <script th:src="@{/js/jquery-1.7.2.min.js}"></script>
</head>
<body data-nav="touzi">
<div id="app">


<div class="ui-wrap">
    <div id="helper-data" class="fn-hide" data-btn="-1" data-bean="{&quot;id&quot;:&quot;7141359&quot;,&quot;repaidType&quot;: &quot;2&quot;,&quot;channel&quot;:&quot;30&quot;,&quot;loanId&quot;:&quot;7141359&quot;,&quot;sid&quot;:&quot;6adbce8f9e&quot;,&quot;status&quot;:&quot;4&quot;,&quot;islogin&quot;:&quot;2&quot;,&quot;progress&quot;:&quot;100.0&quot;,&quot;point&quot;:&quot;0.0&quot;,&quot;idVerified&quot;:&quot;-1&quot;,&quot;minShare&quot;:&quot;0.0&quot;,&quot;raiseAmount&quot;:&quot;155800.0&quot;,&quot;amount&quot;:&quot;155800.0&quot;,&quot;rate&quot;:&quot;12.101&quot;,&quot;period&quot;:&quot;24&quot;,&quot;amountDesc&quot;:&quot;155,800&quot;,&quot;residual&quot;:&quot;0&quot;,&quot;userId&quot;:&quot;20813012&quot;,&quot;isLoanSelf&quot;:&quot;false&quot;,&quot;stepAmount&quot;:&quot;0.0&quot;,&quot;fromAmount&quot;:&quot;0.0&quot;,&quot;riskLoan&quot;:&quot;false&quot;,&quot;isSupportPrepayment&quot;:&quot;0&quot;}"></div>
    <div class="ui-container mt20">
        <div class="ui-box-lhead">
            <h3 class="ui-box-lhead-title"><i class="icon-sp1-new sp1-new-w-loan"></i>
                新手体验标
            </h3>
            <a th:href="@{/invest.html}" data-iqianjin="phptag_web_loan_detail_01" class="ui-box-lhead-more">更多项目<i class="icon-sp1-new sp1-new-more"></i></a>
        </div>
        <div class="detail-intro fn-clear">

            <div class="intro-left fn-clear">
                <div class="progress">
                    <div class="progress-tit">预期年化利率<i class="tips tips-bottom icon-sp1 sp1-tooltip" data-title="预期年化利率不等于实际利率，以实际利率为准。<br/>预计起息日为满标后的的下一个工作日。">&nbsp;</i></div>
                    <div class="progress-percent">
                        <span class="lock-insterest">{{product.incomerate}}%</span>

                    </div>
                </div>
                <table class="fn-left">
                    <tbody><tr>
                        <td class="intro-title">还款期限：</td>
                        <td class="intro-text period">{{product.closedperiod}}</td>
                        <td class="intro-title">还款方式：</td>
                        <td class="intro-text">到期一次性回款</td>
                    </tr>
                    <tr>
                        <td class="intro-title">进度：</td>
                        <td class="intro-text"> <div class="cal-tempo"><p><span style="width:100.0%"></span></p><span id="progress-percent">永久有效</span></div></td>
                        <td class="intro-title">项目名称：</td>
                        <td class="intro-text">{{product.productname}}</td>
                    </tr>
                    <tr>
                        <td class="intro-title">债权来源：</td>
                        <td class="intro-text" id="channel">亿人财富集团</td>
                        <td class="intro-title">风险级别：</td>
                        <td class="intro-text">低</td>
                    </tr>
                    </tbody></table>
            </div>
            <div class="status-box fn-right">
                <div class="loan-bidding loan">
                    <form action="" method="post" id="joinLoanForm">
                        <table>
                            <tbody><tr>
                                <td class="buy-title">起投金额</td>
                                <td>
                                    <div><input type="text" class="spinner-input" id="huibao" placeholder="起投金额大于2000" name="startingAmount" onchange="moneychang()" style="width: 140px">元</div>
                                </td>
                            </tr>
                            <tr>
                                <td class="buy-title"></td>
                                <td class="loan-buy-income detail-color-gray">

                                    <p class="user-income">预期回报&nbsp;<span id="income-data" class="detail-color-red">{{huibaomoney}}元</span></p>
                                    <p>&nbsp;</p>
                                </td>
                            </tr>

                            <tr>
                                <td colspan="2">
                                    <button  @click="investment()"  class="buy-join-btn ui-button ui-button-mid ui-button-red" >开始投资</button>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="security-tip">
                                    <div style="height: 20px;"></div>

                                </td>
                            </tr>

                            </tbody></table>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="ui-container fn-clear">
        <div class="detail-bom fn-clear">
            <div id="loan-detail-tab" class="ui-tab fn-left detail-bom-left">
                <ul class="ui-tab-items ui-tab-orange">
                    <li class="ui-tab-item" data-iqianjin="phptag_web_loan_detail_04">
                        <a href="#brief">项目信息</a>
                    </li>
                </ul>
                <div class="ui-tab-content">
                    <div class="ui-tab-panel">
                        <div id="brief-wrap"><div class="brief-item"><h1>投资用途：</h1><p>理财必备</p></div><div class="brief-item"><h1>项目说明：</h1><p>本项目为个人小额消费投资项目，由亿人财富集团对借款人及借款项目进行资信评估审核，审核通过后作为项目标的在亿人财富平台发布。</p><p>本项目的投资人是有工作、有收入来源和还款能力且借款用途具有明确的商业或消费场景的人群，在校学生、投资用途不明、或者投资用途与购房相关的人士不能成为本项目借款人。</p></div><div class="brief-item"><h1>预计起息日：</h1><p>项目起息日即满标日期</p></div><div class="brief-item"><h1>回款方式：到期一次性回款</h1><p>即到期回还出借人同等数额的还款金额（包括本金和利息），具体来说，借款人每月偿还的本金比重逐月递增，利息比重逐月递减。
                            计算方式：P=A·b%·(1+b%)^n/[(1+b%)^n-1]；P：每月还款额；A：借款本金；b：月利率；n：还款总期数。其中首期利息按日计算：I0=A·b%·（D1-D0)/30；I0：首期利息；A：借款本金；b：月利率；D1：首期账单日；D0：实际放款日；首期月还也受到首期利息的影响，与其他期不同。
                        </p></div><div class="brief-item"><h1>回款来源及保障：</h1><p>1. 借款人以自有资金足额偿还借款，按时履行债务。</p><p>2. 借款人发生逾期的，按照借款协议相关约定，由第三方根据实际情况自行决定是否进行垫付。</p><p>3. 基于国家各项法律法规和各方约定，利用合法手段向逾期借款人进行追偿。</p></div><div class="brief-item"><h1>担保措施：</h1><p>本项目适用于偿付责任计划。</p></div><div class="brief-item"><h1>费用说明：</h1><p>（具体费用以合同约定为准）</p><p>出借人费用：根据投标工具期限及匹配的基础债权确定</p></div><div class="brief-item"><h1>可能产生的风险结果：</h1><p>由于法律及监管风险、政策风险、市场风险，借款人信用风险和资金流动性风险等风险的存在，可能不利于出借人实现项目的约定收益甚至本金遭受损失。</p></div><div class="brief-item"><h1>出借人适当性管理提示：</h1><p>本项目适用于保守型、稳健型、积极型</p></div></div>

                        <p class="treaty-wrap">
                            <span>协议文本：</span>
                        <p>
                            <img th:src="@{/img/1605931638(1).png}" style="width: 150px;height: 145px">
                        </p>
                            <iframe style="height: 600px" src='https://preview.yozodcs.com/fcscloud/view/preview/0uUrWeBZVMYxk-P3KtPsb8hOWbPVKYIXzabHRGn8kbilj3KpFA6Belvi7oUnqwMq9acBcJqmHq86Yokp1pDiJPWpIcBhS3phAVSEVz_XIppcSKWA74NejcEhbU3tMjfbbGCLsmzTh9xF9nbvH5LuwP5fjUkkjduscuJagtrDhvpyMTmxo5JjHaIjOPrvXDA9743dN7zuHYjoAmx7mW7ZT8Qjcn2v9tN-SaG48odEC-8XIngf2QX1bL0CVKiLoGCPSOYAZz7-TO07tUV6hlF0Wbr4-nNxq_mi7HSNxF9pg0clYSzvx5U4Dcw80cC1Fri4/' width='100%' height='100%' frameborder='1'>
                            </iframe>
                        </p>
                    </div>
                </div>
            </div>
            <div class="detail-bom-right fn-right">
                <div class="project-progress-title">当前项目状态</div>
                <div class="project-progress-wrap loan-progress" id="loanProgress-wrap" style="position: relative;"><div class="wrap-data">
                    <ul>

                        <li class="active">

                            <div class="fn-clear">
                                <div class="fn-left pro-left">
                                    <p class="pro-top"><i class="icon-detail detail-fbjh-blue"></i><i class="icon-detail detail-suc"></i></p>
                                    <p class="pro-bom">发布项目</p>
                                </div>
                                <div class="fn-left pro-right">
                                    <p class="pro-top">发布时间：2020-03-04</p>
                                    <p class="pro-bom">已投资金额：1555,800元</p>
                                </div>
                            </div>
                        </li>
                        <li class="">
                            <div class="pro-bar"><i class="icon-detail detail-dot line-top"></i><i class="icon-detail detail-dot line-bottom"></i></div>
                            <div class="fn-clear">
                                <div class="fn-left pro-left">
                                    <p class="pro-top"><i class="icon-detail detail-jhjs"></i></p>
                                    <p class="pro-bom">计划结束</p>
                                </div>
                                <div class="fn-left pro-right">
                                    <p class="pro-top">结束时间：未结束</p>
                                    <p class="pro-bom"></p>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div><div class="ui-loading" style="display: none;"><img src="/images/loading.gif"></div></div>
            </div>
        </div>
    </div>
</div>

</div>
<style>
    .regular-exit-global .exit-dialog .exit-p1 {
        font-size: 18px;
        text-align: left;
        line-height: 30px;
        padding: 0px 50px 0 110px;
        position: relative;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .regular-exit-global .ui-button-ok {
        background: #ed7c5d;
    }

    .regular-exit-global .ui-button-cancel {
        background: #ffffff;
        color: #ed7c5d;
    }

    .regular-exit-global .exit-dialog .exit-p1 i {
        position: absolute;
        left: 60px;
    }

    /*region**爱月投清退*/
    .regular-exit-global .treaty p{
        padding: 0 40px 0 65px;
        color: #999999;
    }

    .regular-exit-global .treaty {
        background: #f2f3f5;
        padding-top: 30px;
        margin-top: 35px;
    }

    .regular-exit-global .treaty p a {
        color: #5aa2f6;
        text-decoration: underline;
    }

    .regular-exit-global .treaty p span.ui-checkbox {
        margin-left: -18px;
        margin-right: -1px;
    }

    .regular-change-success .wrap {
        padding: 45px 95px 40px 155px;
        font-size: 18px;
        color: #363b3f;
    }

    .regular-change-success .ui-dialog-footer .ui-button-ok {
        background: #5e9eed;
    }

    .regular-change-success .wrap .info {
        position: relative;
    }

    .regular-change-success .wrap .info i {
        position: absolute;
        left: -50px;
    }

    .regular-change-success .wrap .money {
        margin-top: 20px;
    }

    .regular-change-success .wrap .money span {
        color: #fc6b1a;
    }

    .regular-exit-global .ui-button-ok.disabled,
    .regular-exit-global .ui-button-cancel.disabled {
        background: #e1e4e9;
        color: #6e6f71;
    }
    /*endregion**爱月投清退*/
</style>

<script>seajs.use(['//res.iqianjin.com/static/js/pages/loanDetail']);</script>
<script>
    $(function(){
        let url2=location.href;
        console.log(url2);
        let strings = url2.split("?");
        let ids=strings[1].split("=");
        let id=ids[1];
        vue.queryall(id);

    })
    let vue = new Vue({
        el: "#app",
        data: {
            product:{},
            huibaomoney:0,
        },
        methods: {
            queryall(id){
                $.ajax({
                    url: "[[@{/pro/queryall}]]",
                    data: {
                        "id": id,
                    },
                    type: "post",
                    dataType: "json",
                    success: function (data) {
                        console.log(data)
                        vue.product=data;
                    }
                })
            },
            investment(){
                var startingAmount=$("#huibao").val();
                //product产品表里的所有信息
                var product=vue.product;
                $.ajax({
                    url: "[[@{/generate2/investment2}]]",
                    data:{"startingAmount":startingAmount,
                        "closedperiod":product.closedperiod,
                        "earlyredeptiontype":product.earlyredeptiontype,
                        "earningtype":product.earningtype,
                        "incomerate":product.incomerate,
                        "lowertimelimit":product.lowertimelimit,
                        "productname":product.productname,
                        "proid":product.proid,
                        "prolowerinvest":product.prolowerinvest,
                        "pronum":product.pronum,
                        "protypeid":product.protypeid,
                        "status":product.status,
                        "waytoreturnmoney":product.waytoreturnmoney,
                    },
                    dataType:"json",
                    type:"post",
                    success: function (data) {
                        console.log(data)
                       if (data.status==0) {

                            alert("您已进入审核队列!!!!");

                        }else if (data.status==1) {
                            alert("您的投资金额必须大于两千!!!!");

                        }else if (data.status==2) {
                            alert("您的余额不足请充值后再来!!!!");

                        }else {
                            alert("系统异常,您的投资失败了,请重新操作!!!!");

                        }
                    }
                })

            },

        },
    })
    function moneychang(){
        let mo=$("#huibao").val();
        console.log(mo)
        let no=vue.product.lowertimelimit;
        console.log(no)
        let no2=parseFloat(vue.product.incomerate);
        console.log(no2)
        vue.huibaomoney=parseFloat(((mo*parseFloat(vue.product.lowertimelimit)*parseFloat(vue.product.incomerate)/1200)*1.0).toFixed(2))+parseFloat(mo);
        console.log(vue.huibaomoney)
    }
</script>
</body>
</html>